<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="public.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="html/text ; charset=UTF-8">
<script type="text/javascript" src="${contextPath}/csair/js/jquery-1.11.1.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/soundmanager2.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/init.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/jquery.blockUI.min.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/public.js" charset="UTF-8"></script>
<script type="text/javascript" src="${contextPath}/csair/js/payForChange.js" charset="UTF-8"></script>
<link rel="stylesheet" href="${contextPath}/csair/css/public.css" />
<link rel="stylesheet" href="${contextPath}/csair/css/payForChange.css" />
<title>支付</title>
<style type="text/css"> 
#flightInfo2{ 
width:980px; 
min-height:300px; 
position:relative; 
margin:0px auto; 
border:0px solid #000; 
} 
#shade{ 
width:980px; 
height:330px; 
background-color:#AAAAAA; 
position:absolute; 
color:#fff;
z-index:999;
line-height: 330px;  
left:0px; 
top:0px; 
-moz-opacity:0.5;/*Firefox*/ 
opacity:0.5;/*Opera*/ 
filter:alpha(opacity=50); /*IE*/ 
} 
</style> 

</head>
	<body>
		<div style="width: 1000px; margin: 0 auto; position: relative;">
		<a href="/iac/wca.html" style="float: right;margin-left: 10px; " id="toolbarCtrl" title="点此此处开启低视力人群工具条">开启低视力人群工具条</a>
		<!-- <a href="/iac/toolbar/help.html" style="float: right;" id="toolbarHelp" title="点此查看无障碍帮助和相关设置">无障碍帮助和相关设置</a>-->	
	
		</div>
		<div class="header">
			<div class="container">
				<img id="logo" src="${contextPath}/csair/img/logo.jpg" alt="标志" />
			</div>
		</div>
<%@include file="nav2.jsp"%>
请在<span id="count" style="font-weight: bold;color: red;"> 900 </span>秒内进行操作		
		<div class="container">
			<c:if test="${changeNo==null}">
			<div class="order_infos_wrap select_wrap navBlock">
				<div class="page_title">
					<h2>订单信息</h2>
					<div class="page_title_more">
						订单号：订单不存在！
					</div>
					<div class="clearboth"></div>
				</div>
			</div>
			</c:if>
			<c:if test="${changeNo!=null}">
			<div class="order_infos_wrap select_wrap">
				<div id="flightInfo">
					<div class="page_title">
						<h2>变更单信息</h2>
						<div class="page_title_more">
							订单号：<span id="changeNo">${changeNo }</span>
						</div>
						<div class="clearboth"></div>
					</div>
					<div class="order_infos navBlock">
					<a href="##" class="question" style="float: left;" title="收费方：${shouFeiFang },商品信息：${shangPinXinXi },订单金额：${payMoney }"><img src="/iac/csair/img/question.png"></a>
						<div class="order_infos_info">
							<div class="order_info">
								收费方：${shouFeiFang }
							</div>
							<div class="order_info">
								商品信息：${shangPinXinXi }
							</div>
							<div class="order_info">
								订单金额：<span style="color:red">￥${payMoney }</span>
							</div>
						</div>
						
					</div>
				</div>
				
				<div class="page_title">
					<h2 class="order_infos_pay">变更单支付</h2>
					<div class="clearboth"></div>
				</div>
				<div class="order_infos order_infos_form navBlock">
					<div class="form_mid_inputs" style=" padding-right: 195px;">
						<label>卡类型：</label>
						<input type="radio" name="jjk" title="借记卡" id="jjk" value="借记卡" checked="checked" onclick="checkjjk()" onkeyup="jjkKeyup(event)"/><span>借记卡</span>
						<input type="radio" name="xyk" title="信用卡" id="xyk" value="信用卡" onclick="checkxyk()"  onkeyup="xykKeyup(event)"/><span>信用卡</span>
					</div>
					<div class="form_mid_inputs">
						<label>卡号：</label>
						<input type="text" name="accountNo" title="请输入卡号" id="accountNo" value="${accountNoInputValue }" placeholder="请输入卡号"/>
					</div>
					<div class="form_mid_inputs" id="EXPIRE" style="display:none;">
						<label>有效期：</label>
							<select style="width:104px;color:#666;" id="EXPIREMONTH" name="EXPIREMONTH">
								<option value="0">月</option>
								<option value="01">01</option>
								<option value="02">02</option>
								<option value="03">03</option>
								<option value="04">04</option>
								<option value="05">05</option>
								<option value="06">06</option>
								<option value="07">07</option>
								<option value="08">08</option>
								<option value="09">09</option>
								<option value="10">10</option>
								<option value="11">11</option>
								<option value="12">12</option>
							</select>
							<select style="width:101px;margin-left:10px;color:#666;" id="EXPIREYEAR" name="EXPIREYEAR">
								<option value="0" selected> 年 </option>
								<option value="2015"> 2015 </option>
								<option value="2016"> 2016 </option>
								<option value="2017"> 2017 </option>
								<option value="2018"> 2018 </option>
								<option value="2019"> 2019 </option>
								<option value="2020"> 2020 </option>
								<option value="2021"> 2021 </option>
								<option value="2022"> 2022 </option>
								<option value="2023"> 2023 </option>
								<option value="2024"> 2024 </option>
								<option value="2025"> 2025 </option>
								<option value="2026"> 2026 </option>
								<option value="2027"> 2027 </option>
								<option value="2028"> 2028 </option>
								<option value="2029"> 2029 </option>
								<option value="2030"> 2030 </option>
								<option value="2031"> 2031 </option>
							</select>
					</div>
					<div class="form_mid_inputs" id="CVV2" style="display:none;">
						<label>CCV2：</label>
						<input type="password" name="CVV" title="请输入信用卡背后3位CVV2码" id="CVV" value="" placeholder="信用卡背后3位CVV2码"/>
					</div>
					<div class="form_mid_inputs">
						<label>持卡人姓名：</label>
						<input type="text" name="buyerName" title="请输入持卡人姓名" id="buyerName" value="${buyerNameInputValue }" placeholder="请输入持卡人姓名"/>
					</div>
					<div class="form_mid_inputs">
						<label>身份证号：</label>
						<input type="text" name="idCard" title="请输入身份证号" id="idCard" value="${idCardInputValue }" placeholder="请输入身份证号"/>
					</div>
					<div class="form_mid_inputs">
						<label>银行预留手机号：</label>
						<input type="text" name="mobile" title="请输入银行预留手机号" id="mobile" value="${mobileInputValue }" placeholder="请输入银行预留手机号"/>
					</div>
					<div class="form_mid_inputs">
						<button type="button" class="mobile_code_btn orangebtn" onclick="yzm()">点击获取验证码</button>
						<label>手机验证码：</label>
						<input type="text" name="codeName" title="请输入手机验证码" id="codeName" class="mobile_code" placeholder="请输入手机验证码" />
					</div>
					<div class="form_mid_btns">
						<button type="button" class="bluebtn" onclick="panduan()">立即支付</button>
					</div>
				</div>
	<!-- 		<div class="order_infos order_infos_pay_success">
					支付成功
				</div> -->	
			</div>
			</c:if>
		</div>
		<%@include file="footer2.jsp"%>
		<%@include file="assigneealert.jsp"%>
		<%@include file="footer.jsp"%>
	</body>
</html>
